<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <!-- Use setTimeout instead of requestAnimationFrame for animation. -->
  <script>window.requestAnimationFrame = function(cb) { setTimeout(cb, 1000 / 60); };</script>
  <script src="/src/defs.js"></script>
  <script src="/src/anim.js"></script>
  <script src="/src/path-data-polyfill/path-data-polyfill.js"></script>
  <script src="/anim-event/anim-event.min.js"></script>
  <script src="/traceLog.js"></script>
  <script src="/src/leader-line.js"></script>
  <style>
    div {
      position: absolute;
      width: 100px;
      height: 30px;
      background-color: rgba(150, 255, 127, 0.5);
    }
  </style>

  <link rel="stylesheet" href="/guide-view.css">
  <script src="/guide-view.js"></script>
</head>
<body>
  <div id="elm1" style="left: 1px; top: 2px;">elm1</div>
  <div id="elm2" style="left: 104px; top: 108px;">elm2</div>
  <div id="elm3" style="left: 216px; top: 232px;">elm3</div>
  <div id="elm4" style="left: 364px; top: 428px;">elm4</div>
</body>
</html>
